<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>老公眼里的你，一直都这么好</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
        body {
            font-family: 'Noto Sans SC', sans-serif;
            background-color: #fff9f9;
            color: #555;
            line-height: 1.6;
        }
        .card {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .highlight {
            background: linear-gradient(120deg, #ffdfe4 0%, #ffdfe4 100%);
            background-repeat: no-repeat;
            background-size: 100% 40%;
            background-position: 0 88%;
        }
    </style>
</head>
<body class="pb-20">
    <div class="max-w-md mx-auto px-4 py-8">
        <!-- 标题部分 -->
        <div class="text-center mb-12">
            <h1 class="text-3xl font-bold text-pink-600 mb-4">老公眼里的你，一直都这么好</h1>
            <div class="w-24 h-1 bg-pink-200 mx-auto mb-6"></div>
            <p class="text-gray-500">那些藏在日常里的爱与欣赏</p>
        </div>

        <!-- 引言 -->
        <div class="bg-white rounded-xl p-6 card mb-10">
            <div class="flex items-center justify-center mb-4">
                <i class="fas fa-heart text-pink-400 text-2xl mr-2"></i>
                <i class="fas fa-star text-yellow-400 text-2xl"></i>
            </div>
            <p class="text-center text-gray-600 italic">"在平凡的日子里，爱是最美的语言"</p>
        </div>

        <!-- 第一部分 -->
        <div class="mb-12">
            <div class="flex items-center mb-6">
                <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center mr-3">
                    <span class="text-pink-500 font-bold">1</span>
                </div>
                <h2 class="text-xl font-bold text-gray-700">多用"一直"</h2>
            </div>
            
            <div class="space-y-4">
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">老婆，我一直觉得你特别棒，从我们在一起的第一天就这么觉得！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直很喜欢你笑起来的样子，特别迷人！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">不管发生什么，老公一直陪在你身边，不离不弃！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直很珍惜和你在一起的每一刻，想和你创造更多回忆～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">你一直是我生命中最重要的人，这一点永远不会变！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">老公一直都知道你很温柔，那些小细节总让我觉得好幸福！</p>
                </div>
            </div>
        </div>

        <!-- 第二部分 -->
        <div class="mb-12">
            <div class="flex items-center mb-6">
                <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center mr-3">
                    <span class="text-pink-500 font-bold">2</span>
                </div>
                <h2 class="text-xl font-bold text-gray-700">多用"好想"</h2>
            </div>
            
            <div class="space-y-4">
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">好想和你一起去看星星，分享彼此的梦想 <i class="fas fa-star text-yellow-400 ml-1"></i></p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">好想每天都见到你，你让我的生活充满色彩～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">好想带你去好多有趣的地方旅行，探索世界的美好！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">好想和你做更多有意义的事，创造独属于我们的回忆～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">好想给你一个大大的拥抱，让你感受我满满的爱 <i class="fas fa-heart text-pink-400 ml-1"></i></p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">好想和你分享每一本好书，在文字里一起遨游～</p>
                </div>
            </div>
        </div>

        <!-- 第三部分 -->
        <div class="mb-12">
            <div class="flex items-center mb-6">
                <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center mr-3">
                    <span class="text-pink-500 font-bold">3</span>
                </div>
                <h2 class="text-xl font-bold text-gray-700">多用"超级"</h2>
            </div>
            
            <div class="space-y-4">
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">老婆，你超级厉害！把家里打理得井井有条，我好佩服～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">你超级有魅力，每次看到你，我的心情瞬间就变好了！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我超级喜欢和你一起做饭，简单的家常菜也觉得幸福～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">你超级包容，从不计较我的小脾气，谢谢你呀～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我超级想你，一天不见就心里空落落的，好想抱抱你！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">你超级有韧性，遇到问题时温柔又坚定，认真的样子太迷人了！</p>
                </div>
            </div>
        </div>

        <!-- 第四部分 -->
        <div class="mb-12">
            <div class="flex items-center mb-6">
                <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center mr-3">
                    <span class="text-pink-500 font-bold">4</span>
                </div>
                <h2 class="text-xl font-bold text-gray-700">多用"因为"</h2>
            </div>
            
            <div class="space-y-4">
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">因为有你，我的生活变得好美好，每天都有期待～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">因为有你，我变得更勇敢，不再害怕困难！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">因为有你，我学会了更多爱的方式，谢谢你 <i class="fas fa-heart text-pink-400 ml-1"></i></p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">因为有你，我变得更自信，都是你的鼓励呀～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">因为有你，我更热爱生活，每天都充满活力！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">因为有你，我更珍惜身边的一切，懂得了生活的真谛～</p>
                </div>
            </div>
        </div>

        <!-- 第五部分 -->
        <div class="mb-12">
            <div class="flex items-center mb-6">
                <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center mr-3">
                    <span class="text-pink-500 font-bold">5</span>
                </div>
                <h2 class="text-xl font-bold text-gray-700">多用"一直都知道"</h2>
            </div>
            
            <div class="space-y-4">
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">老婆，我一直都知道你很努力，都看在眼里记在心里！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直都知道你对我很好，特别感激～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直都知道你心里有我，你对我来说最重要 <i class="fas fa-heart text-pink-400 ml-1"></i></p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直都知道你很厉害，只是平时没说出口，你真的很棒！</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直都知道你很辛苦，谢谢你为这个家付出的一切～</p>
                </div>
                <div class="bg-white rounded-lg p-4 card">
                    <p class="text-gray-700">我一直都知道你很包容，对我的小脾气总是温柔以待～</p>
                </div>
            </div>
        </div>

        <!-- 结尾 -->
        <div class="text-center mt-16">
            <div class="inline-block px-6 py-3 bg-pink-50 rounded-full">
                <p class="text-pink-600 font-bold text-lg">老婆，你是我生命里最温暖的光 <i class="fas fa-sun text-yellow-400 ml-1"></i></p>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="mt-16 pt-6 border-t border-gray-100 text-center text-sm text-gray-400">
            <p>网页由问小白生成，仅供参考</p>
            <p class="mt-1">最后更新时间为2025-07-13 ，星期日</p>
            <p class="mt-1">wenxiaobai.com</p>
        </div>
    </div>

    <script>
        // 平滑滚动效果
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });

        // 卡片悬停效果
        const cards = document.querySelectorAll('.card');
        cards.forEach(card => {
            card.addEventListener('mouseenter', () => {
                card.classList.add('shadow-lg');
            });
            card.addEventListener('mouseleave', () => {
                card.classList.remove('shadow-lg');
            });
        });
    </script>
</body>
</html>